//获取元素对象
var body=document.getElementById("body");
//每一行
var trs=body.getElementsByTagName('tr');
//每行前面的复选框
var cb=body.getElementsByTagName('input');
//删除按钮
var del=document.getElementById("btnDeleted");
//全选/反选按钮
var all=document.getElementById('all');
//最上面一行文字
var txt=document.getElementById('txt');
//自定义对象  奇偶行不同颜色  鼠标入行不同颜色
var RowsColor={
/*	odd:'gray',
	even:'white',
	selected:'red',*/
	setColors:function(trs){
		//循环操作每一行
	for(var i=0;i<trs.length;i++){
		//定义奇偶行颜色
		trs[i].originColor=(i%2==0?'white':'gray');
		//设置奇偶行颜色
		trs[i].style.background=trs[i].originColor;
		//鼠标移入颜色
		trs[i].onmouseover=function(){
			this.style.background="red";
		};
		//鼠标移出颜色
		trs[i].onmouseleave=function(){
			this.style.background=this.originColor;
		}
	}
	}
};

//显示文字
function displayNumber(){
	//邮件总数
	var total=trs.length;
	//选中的邮件数
	var count=0;
	for(var i=0;i<cb.length;i++){
		//复选框被选中  coun就++
		if(cb[i].checked){
			count++;
		}
	}
	txt.innerHTML='一共有'+total+'封邮件,你选中了'+count+'封邮件';
}
//全选 反选
function allchecked(){
  	for(var i=0;i<trs.length;i++){
  		cb[i].checked=this.checked;
  	}
  	displayNumber();
}
//设置每一行颜色
RowsColor.setColors(trs);
//调用显示文字的函数
displayNumber();
//给全选按钮添加 全选/反选功能
all.onclick=allchecked;

//每行的复选框 单个选中或者取消  影响文字
for(var i=0;i<cb.length;i++){
	cb[i].onclick=function(){
		displayNumber();
	}
}
//删除功能
function deleteEvent () {
	for (var i = 0; i < trs.length; i++) {
		
		if (cb[i].checked) {
			trs[i].parentElement.removeChild(trs[i]);
			i--;
		}
	}
	displayNumber();
}
del.onclick=deleteEvent;